import { defineConfig } from 'umi';
import routes from './routes';
import theme from './theme';

export default defineConfig({
  nodeModulesTransform: {
    // node_modules 目录下面依赖文件的编译方式
    type: 'none', // 存在none、all两种形态 none的话编译速度非常的快 但是兼容性较差 all的话编译速度会比较慢 但是兼容性会比较好
  },
  // 配置路由
  routes: routes,
  // fastRefresh: {}, // 快速刷新 可以保持组件的状态，同时编辑提供及时反馈 就是当页面的上面的组件发生修改的时候state里面值可以保持不变
  devServer: {
    port: 8081, // 也可以配置到.env的文件里面，而且.env文件中的优先级更高一点
    // https: true, // 启用https安全访问
  },
  title: 'UMI3', // 配置标题
  favicon: '/favicon.ico', // 这个地方的路径需要直接用根目录的路径
  // 启动按需加载 build的时候会按需的加载不同的js文件
  dynamicImport: {
    loading: '@/components/loading', // 指定按需加载的时候的loading央视
  },
  mountElementId: 'app', // 指定react app渲染到html元素的id

  theme, // 设置antd的主题颜色
});
